
/*
@import url("styles.css"); 
@import url("styles-mobile.css") only handheld; 
@import url("styles-mobile.css") only screen and (max-device-width:480px);
*/


/* #### Mobile Phones Portrait #### */
@import url("styles-mobile.css") screen and (max-device-width: 480px) and (orientation: portrait);

/* #### Mobile Phones Landscape #### */
@import url("styles-mobile.css") screen and (max-device-width: 640px) and (orientation: landscape);

/* #### Mobile Phones Portrait or Landscape #### */
@import url("styles-mobile.css") screen and (max-device-width: 640px);

/* #### Desktops #### */
@import url("styles.css") screen and (min-device-width: 640px);


/*
/* Smartphones (portrait and landscape) ----------- 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 720px)
{
	@import("css/styles-mobile.css");
}


/* Smartphones (landscape) ----------- 
@media only screen 
and (min-width : 321px)
{
	@import("css/styles-mobile.css");
}

/* Smartphones (portrait) ----------- 
@media only screen 
and (max-width : 320px)
{
	@import("css/styles-mobile.css");
}

/* Desktops and laptops ----------- 
@media screen 
{
	@import("css/styles.css");
}
*/
